.dropbtn{ background-color: #232323; color: #d7d7d7; display: block; text-decoration: none; text-align: center; border: 1px solid #aa22aa; padding: 20px 0px; } .dropdown:hover .dropbtn { background-color: ff3434; color: #34bb34; border: 1px solid #aa22aa; } li.dropdown { display: inline-block; } .dropdown-content { display: none; position: absolute; background-color: #f9f9f9; width: 19.6%; box-shadow: 0px 8px 16px 0px rgba(255,255,0,50%); z-index: 1; } .dropdown-content a { color: #d7d7d7; padding: 12px 16px; text-decoration: none; display: block; text-align: center; } .dropdown-content a:hover { background-color: #f1f1f1; } .dropdown:hover .dropdown-content { display: block; }